<!DOCTYPE html>
        <html lang='zh-CN'>
        <head>
            <meta charset='UTF-8'>
            <meta name='viewport' content='width=device-width, initial-scale=1.0'>
            <title>日志分析报告 - 20251108_234625</title>
            
        <style>
            :root {
                --primary: #2c3e50;
                --error: #e74c3c;
                --warning: #f39c12;
                --info: #3498db;
                --success: #2ecc71;
                --light: #ecf0f1;
            }
            body { 
                font-family: 'Segoe UI', Arial, sans-serif; 
                margin: 0; 
                padding: 20px; 
                background-color: #f9f9f9;
                color: var(--primary);
            }
            .report-container {
                max-width: 1200px;
                margin: 0 auto;
                background: white;
                padding: 30px;
                border-radius: 10px;
                box-shadow: 0 4px 12px rgba(0,0,0,0.1);
            }
            .header {
                border-bottom: 3px solid var(--light);
                padding-bottom: 20px;
                margin-bottom: 30px;
            }
            .stats-grid {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
                gap: 20px;
                margin: 20px 0 30px 0;
            }
            .stat-card {
                background: white;
                padding: 15px;
                border-radius: 8px;
                box-shadow: 0 2px 8px rgba(0,0,0,0.08);
                border-left: 4px solid;
            }
            .stat-card.total { border-left-color: var(--info); }
            .stat-card.types { border-left-color: var(--success); }
            .stat-card.errors { border-left-color: var(--error); }
            .stat-card.ratio { border-left-color: var(--warning); }
            .section { margin-bottom: 40px; }
            .section h2 {
                color: var(--primary);
                border-bottom: 2px solid var(--light);
                padding-bottom: 10px;
            }
            .error-highlight {
                background-color: rgba(231, 76, 60, 0.1);
                border-radius: 8px;
                padding: 20px;
                margin-bottom: 30px;
            }
            .error-highlight h2 { color: var(--error); }
            .chart-container { width: 100%; height: 500px; margin: 20px 0; }
            .file-list {
                max-height: 300px;
                overflow-y: auto;
                border: 1px solid var(--light);
                border-radius: 8px;
                padding: 15px;
            }
            .file-item {
                padding: 8px 0;
                border-bottom: 1px dashed var(--light);
            }
            .file-item .count { color: var(--info); font-weight: bold; }
            .legend {
                display: flex;
                flex-wrap: wrap;
                gap: 15px;
                margin: 10px 0 20px 0;
            }
            .legend-item { display: flex; align-items: center; }
            .legend-color {
                width: 15px;
                height: 15px;
                border-radius: 3px;
                margin-right: 5px;
            }
            .error-detail-table {
                width: 100%;
                border-collapse: collapse;
                font-size: 14px;
            }
            .error-detail-table th {
                background-color: var(--error);
                color: white;
                padding: 12px;
                text-align: left;
                border: 1px solid #ddd;
            }
            .error-detail-table td {
                padding: 10px;
                border: 1px solid #ddd;
                vertical-align: top;
            }
            .error-detail-table tr:nth-child(even) {
                background-color: #fdf2f2;
            }
            .error-detail-container {
                max-height: 400px;
                overflow-y: auto;
                margin-top: 15px;
                border: 1px solid #f1c4c4;
                border-radius: 8px;
            }
            .file-path { color: var(--info); font-weight: 500; }
            .line-num { color: var(--warning); font-weight: bold; }
            .log-content {
                white-space: pre-wrap;
                word-break: break-all;
                background-color: #fff8f8;
                padding: 8px;
                border-radius: 4px;
                border-left: 3px solid var(--error);
            }
        </style>
        
        </head>
        <body>
            <div class='report-container'>
                <div class='header'>
                    <h1>日志分析报告</h1>
                    <p><strong>生成时间:</strong> 2025-11-08 23:46:25</p>
                    <p><strong>分析路径:</strong> ./</p>
                    <p><strong>时间范围:</strong> 2020-10-29 至 2025-12-31</p>
                </div>

                <div class='stats-grid'>
                    <div class='stat-card total'>
                        <h3>总日志记录数</h3>
                        <p class='value'>0</p>
                    </div>
                    <div class='stat-card types'>
                        <h3>日志类型总数</h3>
                        <p class='value'>0</p>
                    </div>
                    <div class='stat-card errors'>
                        <h3>ERROR类型总数</h3>
                        <p class='value'>0</p>
                    </div>
                    <div class='stat-card ratio'>
                        <h3>ERROR占比</h3>
                        <p class='value'>0.0%</p>
                    </div>
                </div>

                <div class='error-highlight section'>
                    <h2>ERROR类型详细统计</h2>
                    <p>未发现ERROR类型日志</p>
                </div>

                <div class='section'>
                    <h2>所有日志类型分布</h2>
                    <div class='legend'>
                        <div class='legend-item'>
                            <div class='legend-color' style='background-color: var(--error);'></div>
                            <span>ERROR类型</span>
                        </div>
                        <div class='legend-item'>
                            <div class='legend-color' style='background-color: var(--info);'></div>
                            <span>其他类型</span>
                        </div>
                    </div>
                    <p>没有可展示的日志类型数据</p>
                </div>

                <div class='section'>
                    <h2>分析的日志文件</h2>
                    <div class='file-list'>
                        
            <div class='file-item'>
                <span>/reactor/LINUXSHAREDCENTOS9/workspace/sylar/pyutils/log_analysis_report_20251108_234020.html</span>
                <span class='count'>有效日志: 0条</span>
            </div>
            
            <div class='file-item'>
                <span>/reactor/LINUXSHAREDCENTOS9/workspace/sylar/pyutils/show_log_with_html.py</span>
                <span class='count'>有效日志: 0条</span>
            </div>
            
                    </div>
                </div>
            </div>
        </body>
        </html>